<template>
	<view class="mainpadding">
		<view class="flexbetween">
			<view class="flexleft ssousuobox1">
				<view class="margin_right2">
					<u-icon name="search" color="#999999" size="28"></u-icon>
				</view>
				<input type="text" placeholder="输入商品搜索">
			</view>
			<view class="ershiba xiaohei" @click="tzsgjg">搜索</view>
		</view>
		<view class="flexbetween margin_top5">
			<view class="titletext xiaohei">历史记录</view>
			<u-icon name="trash" size="20"></u-icon>
		</view>
		<view class="flex_wrap flexleft">
			<view class="subtn margin_top margin_right2" v-for="item in 6">
				软枣猕猴桃
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 跳转搜索结果
			tzsgjg() {
				uni.navigateTo({
					url: '/pages_homepage/sousuojg'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.subtn {
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #333333;
		padding: 10rpx 25rpx;
		background: #F8F8F8;
		border-radius: 30rpx 30rpx 30rpx 30rpx;
	}

	.ssousuobox1 {
		background-color: #E8E8E8;
		width: 80%;
		border-radius: 36rpx;
		padding: 10rpx 30rpx;
	}
</style>